<script>
export default {
    methods: {
        // 子元素通过调用本地的 sendData 方法来向父元素传递数据
        sendData() {
            // 使用 $emit 方法传递数据，第一个参数是事件名称，第二个参数是要传递的数据
            // 可以不选第二个参数，这样触发的就只是父元素中的 send
            this.$emit('send', '传递数据的内容')
        }
    }
}
</script>

<template>
    <hr>
    <div>子组件</div>
    <button @click="sendData">子组件向父组件传递数据</button>
</template>

<style scoped>
.container {
    /* 背景颜色 */
    background-color: #d9fdff;
}
</style>